import './App.css'
import { Routes, Route } from 'react-router-dom';
import MainLayout from './layouts/MainLayout';
import Home from './pages/Home';
import Movies from './pages/Movies';
import MagnetParser from './pages/MagnetParser';
import NovelStore from './pages/NovelStore';
import DictionaryManagement from './pages/DictionaryManagement';

const App: React.FC = () => {
  return (
    <Routes>
      <Route path="/" element={<MainLayout />}>
        <Route index element={<Home />} />
        <Route path="movies" element={<Movies />} />
        <Route path="novels" element={<NovelStore />} />
        <Route path="magnet-parser" element={<MagnetParser />} />
        <Route path="dictionary" element={<DictionaryManagement />} />
      </Route>
    </Routes>
  );
}

export default App;
